<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../7-布局1表单2（左右边框）/css/index.css">
    <title>7-布局1表单2</title>
</head>

<body>
    <div class="cont">
        <h2>Hello! Welcome to Douzhi-IT!</h2>
        <div class="box">
            <div class="box_left">
                <img src="../7-布局1表单2（左右边框）/images/logo.png" alt="">
                <p>Wlecome</p>
                <div class="box_left_select">
                    <ul>
                        <li>Simply create your calendar</li>
                        <li>Add content for each days</li>
                        <li>Share it to the world(become a rockstar)</li>
                    </ul>
                </div>
            </div>
            <div class="box_right">
                <div class="title">
                    <span class="login">Login</span>
                    /
                    <span>Sign Up</span>
                </div>
                <form action="">
                    <input class="input_name" type="text" placeholder="Your Name">
                    <input class="input_email" type="email" placeholder="Emall">
                    <input class="input_password" type="password" placeholder="Password">
                    <button>LOGIN</button>
                </form>
            </div>
        </div>
    </div>
</body>

</html>